<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>待审批详情页</title>
    <link rel="stylesheet" href="../../lib/layui/css/layui.css"/>
    <style type="text/css">
        .addresslayer {
            padding: 10px;
            width: 94%;
            height: 90%;
            margin: 10px auto;
            display: none;
        }

        .operation_title_m {
            font-size: 16px;
        }

        .textarea {
            margin-right: 3px;
        }

        .divarea {
            margin-bottom: 5px;
        }

        .tub {
            font-size: 16px;
            margin-right: 5px;
        }
    </style>
</head>
<body>
<div class="ok-body" style="background: #F8F8F8">
    <div class="layui-row ">
        <div class="layui-col-md9" style="background-color:#f8f8f8;">
            <div class="layui-row">
                <hr class="layui-bg-gray">
                <fieldset class="layui-elem-field">
                    <legend>警情详情
                        <span class="layui-badge layui-bg-blue">待审核</span>
                    </legend>
                    <div class="layui-field-box " style="margin-left: 20px;">
                        <div class="layui-row">
                            <div class="layui-col-md9">
                                <div class="divarea">
                                    <i class="tub layui-icon layui-icon-username" style="color: #1E9FFF;"></i>
                                    <sapn class="textarea">处理人 : <span id="handleUser"></span></sapn>
                                </div>
                                <div class="divarea">
                                    <i class="tub layui-icon layui-icon-home" style="color: #FF5722;"></i>
                                    <sapn class="textarea">处理单位 : <span id="procDepartment"></span></sapn>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr class="layui-bg-gray">
                    <div style="background: #d2d2d2">
                        <div style="width: 80%;height: 100%;margin: 0 auto;">
                            <div class="layui-collapse" lay-filter="caseData">
                                <div class="layui-colla-item">
                                    <h2 class="layui-colla-title" style="font-size: 16px"><span
                                            id="caseDataChange">隐藏</span>警情信息</h2>
                                    <div class="layui-colla-content layui-show" style="background-color:#fdfdfd;">
                                        <div style="background-color:#fdfdfd;padding: 95px 30px 100px 30px;">
                                            <iframe scrolling="no" frameborder="0" src="../caseCommonData/caseData.html" width="100%"
                                                    height="700px"
                                                    id="caseData"
                                                    onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700);"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="background-color:#fdfdfd;margin-top: 10px;padding-top: 20px;">
                                <iframe scrolling="no" frameborder="0" src="../caseCommonData/processData.html" width="100%"
                                        height="700px" id="processData"
                                        onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>700?fdh:700)"></iframe>

                            </div>
                        </div>

                    </div>

                </fieldset>

            </div>
        </div>
        <div class="layui-col-md3" style="background-color:#f8f8f8;">
            <hr class="layui-bg-gray">
            <fieldset class="layui-elem-field">
                <legend style="font-size: 20px">分派信息</legend>

                <div style="background-color: #f8f8f8;height: auto;margin:15px 20px 0 30px">

                    <form class="layui-form" action="">

                        <div class="layui-form-item">
                            <i class="tub layui-icon layui-icon-username" style="color: #1E9FFF;"></i>
                            <label>分派者 : </label>
                            <span id="fullName"></span>
                        </div>
                        <div class="layui-form-item">
                            <i class="tub layui-icon layui-icon-home" style="color: #FF5722;"></i>
                            <label>分派单位 : </label>
                            <span id="askForDepartmentName"></span>
                        </div>
                        <div class="layui-form-item">
                            <i class="tub layui-icon layui-icon-log" style="color: #FFB800;"></i>
                            <label>分派时间 : </label>
                            <span id="askForTime"></span>
                        </div>
                        <div class="layui-form-item">
                            <i class="tub layui-icon layui-icon-read" style="color: #009688;"></i>
                            <label>警情描述 : </label>
                            <span id="caseDescription"></span>
                        </div>
                        <div class="layui-form-item">
                            <i class="tub layui-icon layui-icon-diamond" style="color: #ff1e31;"></i>
                            <label>督办级别 : </label>
                            <span id="procLevel"></span>
                        </div>
                    </form>

                </div>
            </fieldset>
            <br>
            <br>
            <br>
            <fieldset class="layui-elem-field">
                <legend style="font-size: 20px">警情审核</legend>

                <div style="background-color: #f8f8f8;height: auto;margin:10px 20px 0 20px">

                    <form class="layui-form" action="">
                        <div class="layui-input-block" style="margin-left: 0px" id="redioResult">
                            <input type="radio" lay-filter="auditResults" checked="" name="auditResults" value="5"
                                   title="同意办结" id="passOne">
                            <input type="radio" lay-filter="auditResults" name="auditResults" value="4" title="拟同意办结,报局领导审批"
                                   id="passTwo">
                            <input type="radio" lay-filter="auditResults" name="auditResults" value="1" title="退回补充办理"
                                   id="back">
                        </div>
                        <div id="checkUser" class="layui-form-item" style="margin-top: 20px;display: none">
                            <div style="margin: 10px">审核领导：</div>
                            <div class="layui-form-item layui-form-text" style="display: inline" id="select">
                                <select name="director" id="director" lay-filter="director" lay-verify="required">

                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-form-item layui-form-text" style="margin: 10px">
                                处理意见：
                            </div>
                            <div>
                                <textarea name="checkOpinion" required lay-verify="required" placeholder="请填写处理意见..."
                                          class="layui-textarea"></textarea>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <button type="button" class="layui-btn" lay-submit lay-filter="add" id="submit" style="float: right">提交
                            </button>
                        </div>
                    </form>
                </div>
            </fieldset>
        </div>
    </div>
</div>
</div>

<script src="../../lib/layui/layui.js"></script>
<script src="../../js/jquery-3.3.1.js"></script>
<script src="../../js/application.js"></script>
<script src="../../js/model.js"></script>

<script>
    let processDataHeight = 0
    let caseId = GetQueryString("caseId");
    let processId = GetQueryString("processId");
    getCaseData(caseId)
    getprocessData(processId)
    //获取详细案件信息
    function getCaseData(caseId) {
        $("#caseData").on("load", function () {
            var data = {caseId: caseId}
            this.contentWindow.getParentData(data)
        })
    }
    //获取处理过程信息
    function getprocessData(processId) {
        $("#processData").on("load", function () {
            var data = {processId: processId}
            this.contentWindow.getParentData(data)
        })
    }

    layui.use(['form', 'element', 'laydate', 'element'], function () {
        var $ = layui.jquery
        var layer = layui.layer
        var form = layui.form
        var element = layui.element;
        var nextPolice;

        var policeInfo = JSON.parse(window.sessionStorage.getItem("police"));

        //获取分派信息
        $.ajax({
            url: mainUri + '/caseProcInfo/selectCaseProcInfo',
            data: {
                'parentId':0,
                'processId':processId
            },
            type: "post",
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
                    $("#handleUser").html(data.data.nfullName);//处理人
                    $("#procDepartment").html(data.data.departmentName);//处理单位
                    $("#fullName").html(data.data.askFullName);//分派者
                    $("#askForDepartmentName").html(data.data.askForDepartmentName);//分派单位
                    $("#askForTime").html(data.data.askForTime);//分派时间
                    $("#caseDescription").html(data.data.caseDescription);//案情描述
                    $("#procLevel").html(data.data.procLevel);//督办级别
                }
            },
            error: function () {
                alert("服务器错误");
            }
        });


        //获取局领导信息
        $.ajax({
            url: mainUri + "/vUserInfo/selectByGrade",
            type: 'post',
            data:{'grade' : 1}
        }).done(function (datas) {
            var list = datas['data'];
            var option;
            nextPolice=list;
            for (var i = 0; i < list.length; i++) {
                option += "<option value='" + list[i]['policeId'] + "'>" + list[i]['fullName'] + "</option>";
                $("#director").html(option);
            }
            form.render('select');
        }).fail(function () {
            layer.msg("服务器错误");
        });

        //警情审核
        form.on("submit(add)", function (data) {
            var checkCase = data.field;
            var nextDepartmentName="";
            if(nextPolice){
                for( i in nextPolice){
                    if(nextPolice[i].policeId==checkCase.director){
                        nextDepartmentName=nextPolice[i].departmentName
                    }
                }
            }else{
                layer.msg("数据获取异常,请重试");
                return
            }
            layer.confirm('确定提交?', {icon: 3, title: '提示'}, function (index) {
                showloading(true)
                var caseOperNote = new CaseOperNote("", new CaseProcInfo(processId), 1, "", policeInfo.departmentName, new User(policeInfo.policeId),
                    new ProcessStatus(checkCase.auditResults), "", false, true, new User(checkCase.director), nextDepartmentName, checkCase.checkOpinion);
                $.ajax({
                    url: mainUri + "/caseOperNote/insertCheck",
                    data: {
                        "caseOperNoteJson": JSON.stringify(caseOperNote)
                    },
                    type: "post",
                    dataType: "json",
                    success: function (result) {
                        showloading(false)
                        if (result.code == 0) {
                            layer.msg(result.msg, {
                                icon: 1, time: 1500, end: function () {
                                    window.opener.location.href = window.opener.location.href;
                                    window.close();
                                }
                            })
                        }
                    },
                    error: function () {
                        showloading(false)
                        alert("服务器错误");
                    }
                });
            });
        });

        //是否显示下一级审批者
        form.on("radio(auditResults)", function (data) {
            var num = data.value;
            if (num == 4) {
                $("#checkUser").css("display", "block");
            } else {
                $("#checkUser").css("display", "none");
            }
        });

        element.on('collapse(caseData)', function (data) {
            if (processDataHeight == 0) {
                processDataHeight = $("#processData").height();
            }
            if (!data.show) {
                if (processDataHeight < 800) {
                    $("#processData").height(800)
                }
                $("#caseDataChange").html("显示")
            } else {
                $("#processData").height(processDataHeight)
                $("#caseDataChange").html("隐藏")
            }
        });
    });

    function caseReturnData(returnData) {

    }

    function processReturnData(returnData) {
        $("#processData").height(returnData.height)
        processDataHeight = returnData.height
    }
    //文件下载详细页
    function showProcessContent(clickId) {
        layui.use(['element','layer','okLayer'], function () {
            let okLayer = layui.okLayer;
            okLayer.open("查询条件", "../caseCommonData/fileData.html?processId=" + clickId, "35%", "50%", function (layero) {
                let iframeWin = window[layero.find("iframe")[0]["name"]];
            }, function () {

            })
        })
    }
</script>
</body>
</html>
